body {
  padding: 0;
  margin: 0;
  background: #f0e0e0;
}
.wrap {
  margin: 100px auto;
  position: relative;
  width: 280px;
  height: 100px;
  background: #fff;
  /* border-radius: 16px; */
}
.wrap::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #f0e0e0;
  top: -10px;
  left: 80px;
  z-index: 10;

}
.wrap::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #f0e0e0;
  bottom: -10px;
  left: 80px;
  z-index: 10;
}
.line{
  display: inline-block;
  height: 100%;
  border-right: 3px dashed #e0e0e0;
  position: absolute;
  left: 88px;
  /* box-sizing: border-box; */
}